$(function(){
  var populationStructureChart = echarts.init(document.getElementById('population-structure-chart'));

  var populationStructureOption = {
    color: ["#eb4d4a","#1f8bd7"],
    series: [{
      name: '越界人数',
      type: 'pie',
      radius: ['50%', '96%'] ,
      center: ['50%', '50%'],
      data: [{
        value: 14,
        name: '越界人数'
      }, {
        value: 86,
        name: '非越界人数'
      }],
      label:{
        normal:{
          show: false
        }
      },
      labelLine: {
        normal:{
          show: false
        }
      },
      legendHoverLink:false,
      hoverAnimation:false,
      itemStyle: {
        emphasis: {
          shadowBlur: 10,
          shadowOffsetX: 0,
          shadowColor: 'rgba(0, 0, 0, 0.5)'
        }
      }
    }]
  };
  populationStructureChart.setOption(populationStructureOption);


  $(".zhgl-map-tab li").on("click",function(){
    var liIndex = $(this).index();
    $(".info-header .info-header-container").hide();
    $(".info-header .info-header-container").eq(liIndex).show();
    $(".info-content .info-content-container").hide();
    $(".info-content .info-content-container").eq(liIndex).show();
  })


  $(".info-header-down").on("click",function(){
    $(".info-content").slideToggle(300);
  })

  $(".info-content-filter-result").on("click",function(){
    $(this).fadeOut(300,function(){
      $(".info-content-filter").fadeIn(300);
    })
    $(".check-detail").fadeOut(300);
  })
  $(".form-footer .confirm-btn").on("click",function() {
    $(".info-content-filter").fadeOut(300,function(){
      $(".info-content-filter-result").fadeIn(300);
      $(".check-detail").fadeIn(300);
    })
  })

  $(".form-footer .confirm-btn").on("click",function() {
    $(".info-content-filter").fadeOut(300,function(){
      $(".info-content-filter-result").fadeIn(300);
      $(".check-detail").fadeIn(300);
    })
  })

  $(".oversee-history .confirm-btn").on("click",function() {
    $(".info-content-filter").fadeOut(300,function(){
      $(".info-content-filter-result").fadeIn(300);
      $(".search-result-list").fadeIn(300);
    })
  })

  $(".check-detail").on("click",function(){
    $(".info-content .info-content-container").hide();
    $(".search-result-content").show();
  })

  $(".search-result-header .search-back").on("click",function(){
    $(".info-content .info-content-container").hide();
    $(".info-content-population").show();
  })


  $(".search-result-list li").on("click",function(){
    var newObj = {
      target:".zhgl-map-gis",
      height:100,
      width:100,
      left:560,
      top:120
    }
    $(".search-result-list li").first().HESCGIS_Panel(newObj);
  })

  $(".zhgl-map-tab li").on("click",function(){
    var liIndex = $(this).index();
    $(".info-header .info-header-container").hide();
    $(".info-header .info-header-container").eq(liIndex).show();
    $(".info-content .info-content-container").hide();
    $(".info-content .info-content-container").eq(liIndex).show();
  })

  $(".row-time-input").on("click", function() {
    laydate({
      istime: true,
      format: 'YYYY-MM-DD',
      choose: function(datas) {
        alert('得到' + datas)
      }
    });
  })
  $(".oversee-call").on("click",function(){
    $(".info-content .info-content-container").hide();
    $(".info-content-call").show();
  })
  $(".info-header-call").on("click",function(){
    $(".info-content .info-content-container").hide();
    $(".info-content-company").show();
  })
  $(".info-header-history").on("click",function(){
    $(".info-content .info-content-container").hide();
    $(".info-content-history").show();
  })
  $(".call-type div").on("click",function(){
    $(".call-type div").removeClass("active");
    $(this).addClass("active");
  })
  $(".call-type-send").on("click",function(){
    $(".call-type-send-content").show();
    $(".call-type-phone-content").hide();
    $(".call-type-send-footer").show();
    $(".call-type-phone-footer").hide();
  })
  $(".call-type-phone").on("click",function(){
    $(".call-type-send-content").hide();
    $(".call-type-phone-content").show();
    $(".call-type-send-footer").hide();
    $(".call-type-phone-footer").show();
  })

  $(".people-manage-left-basic").on("click", function() {
    $(".people-manage-left-yuejie").removeClass("people-manage-left-tab-chose");
    $(this).addClass("people-manage-left-tab-chose");
    $(".people-manage-basic").show();
    $(".people-manage-yuejie").hide();
  })

  $(".people-manage-left-yuejie").on("click", function() {
    $(".people-manage-left-basic").removeClass("people-manage-left-tab-chose");
    $(this).addClass("people-manage-left-tab-chose");
    $(".people-manage-basic").hide();
    $(".people-manage-yuejie").show();
  })

  $("#people-manage-date-start").on("click", function() {
    laydate({
      istime: true,
      format: 'YYYY-MM-DD',
      choose: function(datas) {
        alert('开始时间' + datas)
      }
    });
  })

  $("#people-manage-date-end").on("click", function() {
    laydate({
      istime: true,
      format: 'YYYY-MM-DD',
      choose: function(datas) {
        alert('结束时间' + datas)
      }
    });
  })

  $(".yuejie-panel").dragging({
    move: 'both', //拖动方向，x y both
    randomPosition: false, //初始位置是否随机
    hander:'.zhgl-panel-header-drag'
  });
})
